<!DOCTYPE html>
<html lang="cn">

<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <title>Cloud Admin</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <!-- STYLESHEETS -->
    <!--[if lt IE 9]><script src="/js/flot/excanvas.min.js"></script><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script><![endif]-->
    <link rel="stylesheet" type="text/css" href="/css/cloud-admin.css">
    <link rel="stylesheet" type="text/css" href="/css/themes/default.css" id="skin-switcher">
    <link rel="stylesheet" type="text/css" href="/css/responsive.css">

    <link href="/font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <!-- DATE RANGE PICKER -->
    <link rel="stylesheet" type="text/css" href="/js/bootstrap-daterangepicker/daterangepicker-bs3.css" />
    <!-- FONTS -->
</head>

<body>
    <!-- HEADER -->
    <header class="navbar clearfix" id="header">
        <div class="container">
            <div class="navbar-brand">
                <!-- COMPANY LOGO -->
                <a href="/home">
                    <img src="/img/logo/logo.png" alt="Cloud Admin Logo" class="img-responsive" height="30" width="120">
                </a>
                <!-- /COMPANY LOGO -->
                <!-- TEAM STATUS FOR MOBILE -->
                <div class="visible-xs">
                    <a href="#" class="team-status-toggle switcher btn dropdown-toggle">
                        <i class="fa fa-users"></i>
                    </a>
                </div>
                <!-- /TEAM STATUS FOR MOBILE -->
                <!-- SIDEBAR COLLAPSE -->
                <div id="sidebar-collapse" class="sidebar-collapse btn">
                    <i class="fa fa-bars" data-icon1="fa fa-bars" data-icon2="fa fa-bars"></i>
                </div>
                <!-- /SIDEBAR COLLAPSE -->
            </div>
            <!-- NAVBAR LEFT -->

            <!-- /NAVBAR LEFT -->
            <!-- BEGIN TOP NAVIGATION MENU -->
            <ul class="nav navbar-nav pull-right">
            </ul>
            <!-- END TOP NAVIGATION MENU -->
        </div>

        <!-- TEAM STATUS -->
        <div class="container team-status" id="team-status">
            <div id="scrollbar">
                <div class="handle">
                </div>
            </div>
            <div id="teamslider">
                <ul class="team-list">
                    <li class="current">
                        <a href="javascript:void(0);">
                            <span class="image">
					  <img src="/img/avatars/avatar3.jpg" alt="" />
				  </span>
                            <span class="title">
					You
				  </span>
                            <div class="progress">
                                <div class="progress-bar progress-bar-success" style="width: 35%">
                                    <span class="sr-only">35% Complete (success)</span>
                                </div>
                                <div class="progress-bar progress-bar-warning" style="width: 20%">
                                    <span class="sr-only">20% Complete (warning)</span>
                                </div>
                                <div class="progress-bar progress-bar-danger" style="width: 10%">
                                    <span class="sr-only">10% Complete (danger)</span>
                                </div>
                            </div>
                            <span class="status">
						<div class="field">
							<span class="badge badge-green">6</span> completed
                            <span class="pull-right fa fa-check"></span>
            </div>
            <div class="field">
                <span class="badge badge-orange">3</span> in-progress
                <span class="pull-right fa fa-adjust"></span>
            </div>
            <div class="field">
                <span class="badge badge-red">1</span> pending
                <span class="pull-right fa fa-list-ul"></span>
            </div>
            </span>
            </a>
            </li>
            <li>
                <a href="javascript:void(0);">
                    <span class="image">
					  <img src="/img/avatars/avatar1.jpg" alt="" />
				  </span>
                    <span class="title">
					Max Doe
				  </span>
                    <div class="progress">
                        <div class="progress-bar progress-bar-success" style="width: 15%">
                            <span class="sr-only">35% Complete (success)</span>
                        </div>
                        <div class="progress-bar progress-bar-warning" style="width: 40%">
                            <span class="sr-only">20% Complete (warning)</span>
                        </div>
                        <div class="progress-bar progress-bar-danger" style="width: 20%">
                            <span class="sr-only">10% Complete (danger)</span>
                        </div>
                    </div>
                    <span class="status">
						<div class="field">
							<span class="badge badge-green">2</span> completed
                    <span class="pull-right fa fa-check"></span>
        </div>
        <div class="field">
            <span class="badge badge-orange">8</span> in-progress
            <span class="pull-right fa fa-adjust"></span>
        </div>
        <div class="field">
            <span class="badge badge-red">4</span> pending
            <span class="pull-right fa fa-list-ul"></span>
        </div>
        </span>
        </a>
        </li>
        <li>
            <a href="javascript:void(0);">
                <span class="image">
					  <img src="/img/avatars/avatar2.jpg" alt="" />
				  </span>
                <span class="title">
					Jane Doe
				  </span>
                <div class="progress">
                    <div class="progress-bar progress-bar-success" style="width: 65%">
                        <span class="sr-only">35% Complete (success)</span>
                    </div>
                    <div class="progress-bar progress-bar-warning" style="width: 10%">
                        <span class="sr-only">20% Complete (warning)</span>
                    </div>
                    <div class="progress-bar progress-bar-danger" style="width: 15%">
                        <span class="sr-only">10% Complete (danger)</span>
                    </div>
                </div>
                <span class="status">
						<div class="field">
							<span class="badge badge-green">10</span> completed
                <span class="pull-right fa fa-check"></span>
                </div>
                <div class="field">
                    <span class="badge badge-orange">3</span> in-progress
                    <span class="pull-right fa fa-adjust"></span>
                </div>
                <div class="field">
                    <span class="badge badge-red">4</span> pending
                    <span class="pull-right fa fa-list-ul"></span>
                </div>
                </span>
            </a>
        </li>
        <li>
            <a href="javascript:void(0);">
                <span class="image">
					  <img src="/img/avatars/avatar4.jpg" alt="" />
				  </span>
                <span class="title">
					Ellie Doe
				  </span>
                <div class="progress">
                    <div class="progress-bar progress-bar-success" style="width: 5%">
                        <span class="sr-only">35% Complete (success)</span>
                    </div>
                    <div class="progress-bar progress-bar-warning" style="width: 48%">
                        <span class="sr-only">20% Complete (warning)</span>
                    </div>
                    <div class="progress-bar progress-bar-danger" style="width: 27%">
                        <span class="sr-only">10% Complete (danger)</span>
                    </div>
                </div>
                <span class="status">
						<div class="field">
							<span class="badge badge-green">1</span> completed
                <span class="pull-right fa fa-check"></span>
                </div>
                <div class="field">
                    <span class="badge badge-orange">6</span> in-progress
                    <span class="pull-right fa fa-adjust"></span>
                </div>
                <div class="field">
                    <span class="badge badge-red">2</span> pending
                    <span class="pull-right fa fa-list-ul"></span>
                </div>
                </span>
            </a>
        </li>
        <li>
            <a href="javascript:void(0);">
                <span class="image">
					  <img src="/img/avatars/avatar5.jpg" alt="" />
				  </span>
                <span class="title">
					Lisa Doe
				  </span>
                <div class="progress">
                    <div class="progress-bar progress-bar-success" style="width: 21%">
                        <span class="sr-only">35% Complete (success)</span>
                    </div>
                    <div class="progress-bar progress-bar-warning" style="width: 20%">
                        <span class="sr-only">20% Complete (warning)</span>
                    </div>
                    <div class="progress-bar progress-bar-danger" style="width: 40%">
                        <span class="sr-only">10% Complete (danger)</span>
                    </div>
                </div>
                <span class="status">
						<div class="field">
							<span class="badge badge-green">4</span> completed
                <span class="pull-right fa fa-check"></span>
                </div>
                <div class="field">
                    <span class="badge badge-orange">5</span> in-progress
                    <span class="pull-right fa fa-adjust"></span>
                </div>
                <div class="field">
                    <span class="badge badge-red">9</span> pending
                    <span class="pull-right fa fa-list-ul"></span>
                </div>
                </span>
            </a>
        </li>
        <li>
            <a href="javascript:void(0);">
                <span class="image">
					  <img src="/img/avatars/avatar6.jpg" alt="" />
				  </span>
                <span class="title">
					Kelly Doe
				  </span>
                <div class="progress">
                    <div class="progress-bar progress-bar-success" style="width: 45%">
                        <span class="sr-only">35% Complete (success)</span>
                    </div>
                    <div class="progress-bar progress-bar-warning" style="width: 21%">
                        <span class="sr-only">20% Complete (warning)</span>
                    </div>
                    <div class="progress-bar progress-bar-danger" style="width: 10%">
                        <span class="sr-only">10% Complete (danger)</span>
                    </div>
                </div>
                <span class="status">
						<div class="field">
							<span class="badge badge-green">6</span> completed
                <span class="pull-right fa fa-check"></span>
                </div>
                <div class="field">
                    <span class="badge badge-orange">3</span> in-progress
                    <span class="pull-right fa fa-adjust"></span>
                </div>
                <div class="field">
                    <span class="badge badge-red">1</span> pending
                    <span class="pull-right fa fa-list-ul"></span>
                </div>
                </span>
            </a>
        </li>
        <li>
            <a href="javascript:void(0);">
                <span class="image">
					  <img src="/img/avatars/avatar7.jpg" alt="" />
				  </span>
                <span class="title">
					Jessy Doe
				  </span>
                <div class="progress">
                    <div class="progress-bar progress-bar-success" style="width: 7%">
                        <span class="sr-only">35% Complete (success)</span>
                    </div>
                    <div class="progress-bar progress-bar-warning" style="width: 30%">
                        <span class="sr-only">20% Complete (warning)</span>
                    </div>
                    <div class="progress-bar progress-bar-danger" style="width: 10%">
                        <span class="sr-only">10% Complete (danger)</span>
                    </div>
                </div>
                <span class="status">
						<div class="field">
							<span class="badge badge-green">1</span> completed
                <span class="pull-right fa fa-check"></span>
                </div>
                <div class="field">
                    <span class="badge badge-orange">6</span> in-progress
                    <span class="pull-right fa fa-adjust"></span>
                </div>
                <div class="field">
                    <span class="badge badge-red">2</span> pending
                    <span class="pull-right fa fa-list-ul"></span>
                </div>
                </span>
            </a>
        </li>
        <li>
            <a href="javascript:void(0);">
                <span class="image">
					  <img src="/img/avatars/avatar8.jpg" alt="" />
				  </span>
                <span class="title">
					Debby Doe
				  </span>
                <div class="progress">
                    <div class="progress-bar progress-bar-success" style="width: 70%">
                        <span class="sr-only">35% Complete (success)</span>
                    </div>
                    <div class="progress-bar progress-bar-warning" style="width: 20%">
                        <span class="sr-only">20% Complete (warning)</span>
                    </div>
                    <div class="progress-bar progress-bar-danger" style="width: 5%">
                        <span class="sr-only">10% Complete (danger)</span>
                    </div>
                </div>
                <span class="status">
						<div class="field">
							<span class="badge badge-green">13</span> completed
                <span class="pull-right fa fa-check"></span>
                </div>
                <div class="field">
                    <span class="badge badge-orange">7</span> in-progress
                    <span class="pull-right fa fa-adjust"></span>
                </div>
                <div class="field">
                    <span class="badge badge-red">1</span> pending
                    <span class="pull-right fa fa-list-ul"></span>
                </div>
                </span>
            </a>
        </li>
        </ul>
        </div>
        </div>
        <!-- /TEAM STATUS -->
    </header>
    <!--/HEADER -->

    <!-- PAGE -->
    <section id="page">
        <!-- SIDEBAR -->
        <!-- /SIDEBAR -->
        <div id="main-content">
            <div class="container">
                <div class="row">
                    <div id="content" class="col-lg-12">
                        <!-- PAGE HEADER-->
                        <div class="row">
                            <div class="col-sm-12">
                                <div class="page-header">

                                </div>
                            </div>
                        </div>
                        <!-- /PAGE HEADER -->
                        <div class="row">
                            <div class="col-md-12 not-found text-center">
                                <div class="error">
                                    403
                                </div>
                            </div>
                            <div class="col-md-4 col-md-offset-4 not-found text-center">
                                <div class="content">
                                    <h3>您没有权限查看此页.</h3>
                                    <p>
                                        Sorry, but the page you're looking for has not been found<br /> Try checking the URL for errors, <a href="/home">goto home</a> or try to search below.
                                    </p>
                                    <form action="#">
                                        <div class="input-group">
                                            <input type="text" class="form-control" placeholder="search here...">
                                            <span class="input-group-btn">                   
										<button type="submit" class="btn btn-success"><i class="fa fa-search"></i></button>
									</span>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--/PAGE -->
    <!-- JAVASCRIPTS -->
    <!-- Placed at the end of the document so the pages load faster -->
    <!-- JQUERY -->
    <script src="/js/jquery/jquery-2.0.3.min.js"></script>
    <!-- JQUERY UI-->
    <script src="/js/jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.min.js"></script>
    <!-- BOOTSTRAP -->
    <script src="/bootstrap-dist/js/bootstrap.min.js"></script>

    <!-- DATE RANGE PICKER -->
    <script src="/js/bootstrap-daterangepicker/moment.min.js"></script>

    <script src="/js/bootstrap-daterangepicker/daterangepicker.min.js"></script>
    <!-- SLIMSCROLL -->
    <script type="text/javascript" src="/js/jQuery-slimScroll-1.3.0/jquery.slimscroll.min.js"></script>
    <script type="text/javascript" src="/js/jQuery-slimScroll-1.3.0/slimScrollHorizontal.min.js"></script>
    <!-- COOKIE -->
    <script type="text/javascript" src="/js/jQuery-Cookie/jquery.cookie.min.js"></script>
    <!-- CUSTOM SCRIPT -->
    <script src="/js/script.js"></script>
    <script>
        jQuery(document).ready(function() {
            App.setPage("widgets_box"); //Set current page
            App.init(); //Initialise plugins and elements
        });
    </script>
    <!-- /JAVASCRIPTS -->
</body>

</html>